// 公共样式，全局生效
*,
view,
page,
text,
button,
image,
textarea,
scroll-view,
input{
    box-sizing: border-box;
}
page{
    font-size: 28rpx;
    height: 100%;
}

image{
    width: 100%;
    height: auto;
    display: block;
}
// iPhoneX底部安全区域
.safe-bottom {
	padding-bottom: 0;
	padding-bottom: constant(safe-area-inset-bottom);
	padding-bottom: env(safe-area-inset-bottom);
}
.safe-height {
	height: 0;
	height: constant(safe-area-inset-bottom);
	height: env(safe-area-inset-bottom);
}

// 单行省略号
@mixin toe() {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap !important;
}

// 多行省略号
@mixin bov($num:2) {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: $num;
    -webkit-box-orient: vertical;
    word-break: break-all;
}

@mixin flex($c: row) {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: $c;
}

@for $i from 1 through 50 {
    .fw-#{$i} {
        font-weight: ($i * 100) !important;
    }
    // 文本省略
    .ov-#{$i} {
        @include bov($i)
    }
    // 字体大小
    .fz-#{$i} {
        font-size: ($i * 2) +  rpx !important;
    }
    // 行高
    .linh-#{$i} {
        line-height: ($i * 2) +  rpx;
    }
    // 内边距
    .pa-#{$i} {
        padding: ($i * 2) +  rpx;
    }
    // 上内边距 案例：pt-20 就是上边距20px
    .pt-#{$i} {
        padding-top: ($i * 2) +  rpx;
    }
    .pr-#{$i} {
        padding-right: ($i * 2) +  rpx;
    }
    .pb-#{$i} {
        padding-bottom: ($i * 2) +  rpx;
    }
    .pl-#{$i} {
        padding-left: ($i * 2) +  rpx;
    }
    .px-#{$i} {
        padding-left: ($i * 2) +  rpx;
        padding-right: ($i * 2) +  rpx;
    }
    .py-#{$i} {
        padding-top: ($i * 2) +  rpx;
        padding-bottom: ($i * 2) +  rpx;
    }
    // 外边距
    .ma-#{$i} {
        margin: ($i * 2) +  rpx;
    }
    .mt-#{$i} {
        margin-top: ($i * 2) +  rpx;
    }
    .mr-#{$i} {
        margin-right: ($i * 2) +  rpx;
    }
    .mb-#{$i} {
        margin-bottom: ($i * 2) +  rpx;
    }
    .ml-#{$i} {
        margin-left: ($i * 2) +  rpx;
    }
    .mx-#{$i} {
        margin-left: ($i * 2) +  rpx;
        margin-right: ($i * 2) +  rpx;
    }
    .my-#{$i} {
        margin-top: ($i * 2) +  rpx;
        margin-bottom: ($i * 2) +  rpx;
    }
}

.pa-0{padding: 0;}
.ma-0{margin: 0;}

// 弹性盒子
.disFlx{
    display: flex;
}

// 弹性盒子，上下居中
.disFlxAC{
    display: flex;
    align-items: center;
}

// 弹性盒子，左右布局，上下居中
.disFlxJS{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.flexAlignTop{
  align-items: flex-start;
}

.flexEnd {
    justify-content: flex-end;
}
.felxWW{
    flex-wrap: wrap;
}

.disFlxCC{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.shrink0{
    flex-shrink: 0;
}

// 文字居中
.tc{
    text-align: center;
}
.colorZS{
    color: #2DBCBE;
}
.color3{
    color: #333333;
}
.color6{
    color: #666666;
}
.color8{
    color: #808080;
}
.color9{
    color: #999999;
}
.colorF{
    color: #FFFFFF;
}
.bgf{
    background-color: #FFFFFF;
}
.borderT{
    border-top: solid 1px #F5F5F5;
}
.borderB{
    border-bottom: solid 1px #F5F5F5;
}
// 去除小程序默认按钮样式
.buttonStyleNone{
	padding: 0;
	margin: 0;
	border-radius: 0rpx;
    color: inherit;
	background-color: inherit;
	line-height: inherit;
    font-size: inherit;
	&::after{
		display: none;
	}
}

.borderTop30{
    border-top: solid 30rpx #F5F5F5;
}

.opacity5{
    opacity: 0.5;
}

.fz-14 .input-placeholder{
    font-size: 28rpx;
}

.tabsFlex1 .u-tabs__wrapper__nav__item {
  flex: 1;
}
